import { createI18n } from 'vue-i18n'
import mZhLocale from './lang/zh'
import mEnLocale from './lang/en'
import { useAppStore } from '../stores/modules/app'
const appStore = useAppStore()
const messages = {
  en: {
    msg: {
      ...mEnLocale
    }
  },
  zh: {
    msg: {
      ...mZhLocale
    }
  }
}

/**
 * 返回当前 lang
 */

const i18n = createI18n({
  // 使用 Composition API 模式，则需要将其设置为false
  legacy: false,
  // 全局注入 $t 函数
  globalInjection: true,
  locale: appStore.language,
  messages
})

export default i18n

// TODO: 使用i18n的两种方式
// 1. 在vue文件中：import { useI18n } from 'vue-i18n'  const { t } = useI18n()   t('msg.toast.switchLangSuccess')
// 2. 在js文件中：import i18n from '@/i18n'   const i18n  title = i18n.global.t(`msg.route.${route.meta.title}`)
